/*
 * @Descripttion: 
 * @Author: zhangchong zc16607@gmail.com
 * @Date: 2023-03-13 10:50:39
 * @LastEditors: zhangchong zc16607@gmail.com
 * @LastEditTime: 2023-05-06 09:37:07
 */
import { StyleSheet, useWindowDimensions, Image, TouchableHighlight, Modal } from 'react-native'
import { useState } from 'react'
import FastImage from 'react-native-fast-image'
import { ImageWrapper } from 'react-native-reanimated-viewer'
import { useColorModeValue } from 'native-base'
import appColor from '../utils/appColor'


const TouchableImage = ({ imgkey, url, viewerRef, index }) => {

    return (
        <ImageWrapper
            key={imgkey}
            viewerRef={viewerRef}
            index={index}
            source={{
                uri: url,
            }}
        >
            <FastImage
                style={styles.image}
                source={{
                    uri: url,
                    priority: FastImage.priority.normal,
                }}
                resizeMode={FastImage.resizeMode.contain}
            />
        </ImageWrapper>
    )
}


const styles = StyleSheet.create({
    image: {
        width: 120,
        height: 150,
    },
    fullScreenImage: {
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center'
    }
})

export default TouchableImage